<!DOCTYPE html>
<html>
	<head>
		<title></title>
	</head>
	<body>
		<div id="div1">
			<div id="div2"></div>
		</div>
		
		<script>
			// 创建节点
			let p = document.createElement("p");
			// 赋值文本
			p.innerText = "p";
			// let pText = document.createTextNode("p");
			// p.appendChild(pText);
			// 找到要添加节点的位置
			let div = document.getElementById("div1");
			div.appendChild(p);


			// let div1 = document.getElementById("div2");



			// 在父元素中的某个子元素之前插入
			// Node.insertBefore: Child to insert before is not a child of this node
			// Node.insertBefore: At least 2 arguments required, but only 1 passed
			// div.insertBefore(p, div1); 

			// 移除一个节点
			// div1.remove();


			// 替换子节点
			// div.replaceChild(p, div1);

			// 写代码的时候不要老想着自创函数和方法，第一个想到的使用官方的工具函数或方法
			// 1.找官方的工具方法
			// 2.找三方：github gitee 牛人大佬 
			// 3.自己去封装函数（在巨人的肩膀上 找相近的官方或者三方的方法进行扩展）
			// 4.问问AI能不能封装出来函数
			// 5.自己来吧 （自己造轮子的可能性不大）

	
		</script>
	</body>
</html>